CSS Full Course Day 4 [Hindi] 💻 | Text Styling 🚀 | Mohit Decodes

✍️ CSS Tutorial – Day 4: Text Styling

Welcome to Day 4 of the CSS Full Course [Hindi] by Mohit Decodes! Today’s lesson focuses on Text Styling — how to beautifully style text elements using CSS.

🔹 Key CSS Properties for Text Styling

  1. color — Change text color
  2. font-family — Set font style (e.g., Arial, Verdana)
  3. font-size — Adjust size of text
  4. font-weight — Make text bold or light (normal, bold, lighter)
  5. font-style — Italicize text (normal, italic, oblique)
  6. text-decoration — Underline, overline, line-through
  7. text-transform — Change text case (uppercase, lowercase, capitalize)
  8. letter-spacing — Space between letters
  9. word-spacing — Space between words
  10. text-align — Align text (left, right, center, justify)
  11. line-height — Control spacing between lines

⚙️ Example CSS:

css
CopyEdit
p {
color: #333;
font-family: 'Arial', sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 2px;
word-spacing: 5px;
text-align: center;
line-height: 1.5;
}

💡 Tips:

  1. Combine multiple properties for rich text effects
  2. Use web-safe fonts or Google Fonts for better typography
  3. line-height improves readability by adjusting spacing between lines
  4. Use text-align: justify; to create clean blocks of text